/* 公共样式 ===============================*/
ul, li { padding: 0; margin: 0; list-style: none; }
body { background: #f7f7f7; min-width:320px; max-width:720px; }
.c-0092ff { color: #313131; }
.c-b2b2b2 { color: #b2b2b2; }
.maincolor { color: #0092ff; }
.pd-5 { padding: 5px; }
.pd-10 { padding: 10px; }
.pd-15 { padding: 15px; }
.pd-20 { padding: 20px; }
.clearfix { *zoom:1; }
.clearfix:after { content: '\20'; display: block; clear: both; }
/*首页*/
.pro-clss {
    zoom: 1;
    overflow: hidden;
    margin: 0.29rem;
}
.pro-clss .title {
    margin: 0.5rem 0;
    padding: 0 0 0.5rem 0px;
    border-bottom: 1px solid #EAEAEA;
}
.pro-clss .title span {
    display: block;
    background-color: #fff;
    
   
}
.pro-clss li {
    margin: 0px auto;
    overflow: hidden;
    padding-bottom: 0.59rem;
    margin-bottom: 0.59rem;
}
/*.u-img {
    float: right;
    width: 50%;
    height: auto;/*151px*/
    /*border: 1px solid #f2f2f2;
	-webkit-transition:border 0.3s linear;
	-moz-transition:border 0.3s linear;
	-o-transition:border 0.3s linear;
	transition:border 0.3s linear;
	cursor:pointer;
	overflow:hidden;
}
.u-img2 {
    float: left;
    width: 50%;
    height: auto;/*151px*/
    /*border: 1px solid #f2f2f2;
	-webkit-transition:border 0.3s linear;
	-moz-transition:border 0.3s linear;
	-o-transition:border 0.3s linear;
	transition:border 0.3s linear;
	cursor:pointer;
}
.u-img:hover{
    border: 1px solid #eb5f23;
}
.u-img2:hover{
    border: 1px solid #eb5f23;
}*/

.moree {
    
    overflow: hidden;
    margin-bottom: 5px;
}
.moree a{
font-size: 14px;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height:30px;
    text-align: center;
    color: #fff;/*#f08300*/
	background-color:#c9995f;
    /*border: 1px solid #eb5f23;*//*#f08300*/
}

.menuu {
    font-size: 0px;
    text-align: center;
	border-width:0px 0px 3px 0px; border-style: solid; border-color:rgba(255, 255, 255, 1);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 999;
}
.menuu ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.menuu li {
    /*background: url("../images/top_035.jpg");*/
	border-width:1px 1px 1px 1px; border-style: solid; border-color:#ffffff;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	background-color:#c9995f;
    background-size: auto 100%;
}
.menuu li a {
    font-size: 13px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    width: 70px;
}



/* 分页 ===============================*/
div.green-black { padding: 3px; margin: 3px; text-align: center; font-size: 14px; }
div.green-black a { border: #000 1px solid; padding: 3px 8px; background: #000; color: #fff; margin: 0 3px 0 0; text-decoration: none; }
div.green-black a:hover { border: #742E08 1px solid; background: #742E08; color: #fff; }
div.green-black a:active { border: #742E08 1px solid; background: #742E08; color: #fff; }
div.green-black span.current { border: #742E08 1px solid; padding: 3px 8px; font-weight: bold; background: #742E08; color: #fff; margin: 0 3px 0 0; }
div.green-black span.disabled { border: #f3f3f3 1px solid; padding: 3px 8px; color: #ccc; margin: 0 3px 0 0; }
/* 头部 ===============================*/
.header_wrap {overflow: hidden; background: #fff; background-size: auto 100%;  }
.logo { padding: 0 0 0 3px; float: left;   line-height: 80px; }
.logo img { width: auto;width: 100%;  }
.menu { background: url(../images/menu-button-bg.png) no-repeat center center; position: absolute; right: 1%; top: 50%; display: block; width: 50px; height: 50px; margin-top: -25px; background-size: 80%; }
/* 底部 ===============================*/
.footer_wrap { padding-top: 1px; background-size: auto 100%; border-top: solid 1px #eee;}
.foot_nav { overflow: hidden; margin: 10px 20px; /*border-top: solid 1px #eee;*/ }
.foot_nav li { width: 100%; border-bottom: solid 1px #eee; font-size: 1.4rem; }
.foot_nav li>a { color: #1c2e37; display: block; padding: 1rem 0 0.8rem; text-indent: 5px; background: url(../images/point.png) 97% center no-repeat; background-size:2.5%;}
.foot_nav .list { display: none; }
.foot_nav .list a { color: #1c2e37; display: block; padding: 1rem 0 0.8rem; text-indent: 20px; border-top: solid 1px #eee; }
.icon-1 { background: url(../images/icon-1.png) no-repeat center center; background-size: auto 100%; }
.icon-2 { background: url(../images/icon-2.png) no-repeat center center; background-size: auto 100%; }
.icon-3 { background: url(../images/icon-3.png) no-repeat center center; background-size: auto 100%; }
.icon-4 { background: url(../images/icon-4.png) no-repeat center center; background-size: auto 100%; }
.copyright{ /*background: url(../images/copyright_bg.png) repeat-x center center;*/ background-color:#2b2b2b; background-size: auto 100%; text-align: center; color: #fff; }
.copyright p{ padding:1rem 0.5rem; margin:0; font-size: 1.2rem; }
/* 面包屑导航 ===============================*/
.breadcrumb { border-bottom: 1px solid #E5E5E5; box-shadow: 0px 0px 1px #fff; line-height: 39px; height: 39px }
.breadcrumb span { padding: 0 5px }
/* 主体 ===============================*/
.main_wrap { padding-top: 5px; }
/*=首页=*/
.index_wrap{ width:100%; }
.navList{ overflow: hidden; width: 90%; margin:20px auto; }
.navList .navItem{ float: left; width: 33.33%; text-align: center; padding:0.2rem 0; }
.navList .navItem .navItem-image{ padding:0.2rem 1rem; }
.navList .navItem .navItem-tit{ color: #0073ff; font-size: 1.4rem; }
/*=导航=*/
.side_nav { padding-bottom: 1.5rem; width: 100%; overflow: hidden; }
.side_nav ul { width: 102%; }
.side_nav li { margin-top: 1.5rem; margin-right: 0.8rem; display: inline-block; border-radius: 1rem; padding: 0.4rem 1.8rem; background-color: #e8e8e8;}
.side_nav li a { color: #a1a1a1; }
.side_nav li.cur { background: #c82226; /*box-shadow: 1px 1px 2px #1b6161 inset; *//*#f08300*/}
.side_nav li.cur a { color: #fff; }
/*=上下项=*/
.prev-next{ overflow:hidden; color: #b2b2b2; margin:1rem 0; font-size:1.4rem;  }
.prev-next .prev{ float:left; width:45%; }
.prev-next .next{ float:right; width:45%; }
.prev-next a{ color: #b2b2b2; }
/*=内容页=*/
.info_wrap { background: #fff; padding: 1.2rem; border-radius: 4px; box-shadow: 1px 1px 2px #e5e5e5; }
.info_wrap .info_tit{ border-bottom:solid 1px #e6e6e6; padding-bottom:1.6rem; }
.info_wrap .info_con{ }
.info_wrap .info_con p{ margin:0; }
.info_wrap .info_con img{ max-width: 100%; }
/*=新闻=*/
.news_wrap { }
.news_wrap ul { }
.news_wrap ul li { background: #FFF; margin: 0.6rem 0; padding: 1rem 0; border-radius: 5px; border: solid 1px #e5e5e59e;}
.news_wrap ul li a { display: block; }
.news_wrap ul li .news-box { float: left; width: 60%; margin-left: 4%; }
.news_wrap ul li .news-box_tit { color: #4c4c4c; font-size: 1.8rem; }
.news_wrap ul li .news-box_con { color: #b2b2b2; font-size: 1.2rem; }
.news_wrap ul li .news-date { float: left; width: 30%; text-align: center; font-family: Arial; color: #CCC; border-left: solid 1px #e6e6e6; margin-left: 6%; }
.news_wrap ul li .news-date_d { font-size: 5.8rem; line-height:1; }
.news_wrap ul li .news-date_m { font-size: 1.8rem; font-weight: bold; padding-top: 0.2rem; }
/*=产品=*/
.pro_wrap{}
.pro_wrap ul { overflow:hidden; margin:0 -0.5rem; }
.pro_wrap ul li { float:left; width:50%; padding: 0.5rem; }
.pro_wrap ul li a { display: block; background: #FFF; overflow:hidden; border-radius: 8px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }
.pro_wrap ul li .p-img{ display: block;height: 0;width: 100%;padding-bottom: 100%;position: relative;overflow: hidden; }
.pro_wrap ul li .p-img img{ width: 100%; }
.pro_wrap ul li .p-tit{ position:relative; overflow:hidden; /*background:#000;*/ color:#000; font-size:1.4rem; padding:0.8rem 1rem; text-align:center;}
.pro_wrap ul li .p-tit span{ display:none;}
.pro_wrap ul li .p-tit div{ /*width:55%; float:left;*/ }
.more{ float:right; margin-top:3px; margin-right: -1px; background:#c9995f; padding:0.4rem 0.8rem 0.2rem; font-size:1rem; line-height:1; color:#fff; border-radius:10px; box-shadow: 1px 1px 2px #c9995f; }
/*=产品内页=*/
.pro-i_wrap { background: #fff; box-shadow: 1px 1px 2px #e5e5e5; }
.pro-i_wrap .pro-info_tit{ text-align:left; line-height:35px; font-size: 1.4rem; width:100%; margin-bottom:0; position:absolute; top:-16px; z-index:1; }
.pro-i_wrap .pro-info_tit span{ /*background: url(../images/pro-info_titM.png) repeat-x center center; background-size: auto 100%;*/ background-color:#000; color:#fff; display:inline-block; height:35px; padding:0 20px; }
.pro-i_wrap .pro-info_tit .tit-L,.pro-i_wrap .pro-info_tit .tit-R{ width:10px; height:35px; display:inline-block; /*background: url(../images/pro-info_titL.png) no-repeat right center; background-size: auto 100%;*/  }
.pro-i_wrap .pro-info_tit .tit-R{ /*background: url(../images/pro-info_titR.png)*/ no-repeat left center; background-size: auto 100%; }
.pro-i_wrap .info_con{ padding-top: 20px; }
.pro-i_wrap .info_con p{ margin:0; }
.pro-i_wrap .info_con img{ max-width: 100%; }
.pro-img{ position:relative; }
.pro-img .pro-img_tit{ text-align:center; line-height:35px; font-size: 1.6rem; width:100%; margin-bottom:0; position:absolute; top:0px/*-12px*/; z-index:1; }
.pro-img .pro-img_tit span{ /*background: url(../images/pro_tit-M.png) repeat-x center center; background-size: auto 100%;*/ background-color:#c9995f; color:#fff; font-size:20px; text-shadow: #666 1px 1px 1px;display:inline-block; height:40px; line-height:40px; padding:0 30px; border-radius:0rem 0rem 3rem 3rem;}
.pro-img .pro-img_tit .tit-L,.pro-img .pro-img_tit .tit-R{ width:10px; height:35px; display:inline-block; /*background: url(../images/pro_tit-L.png) no-repeat right center; background-size: auto 100%;*/ }
.pro-img .pro-img_tit .tit-R{ /*background: url(../images/pro_tit-R.png) no-repeat left center; background-size: auto 100%;*/ }
.pro-img .pro-img_con{ display: block;height:auto/*0*/;width: 100%; /*padding-bottom:100%;*/ position: relative; overflow: hidden; padding-top:35px; }
.pro-img .pro-img_con img{ width:100%; margin:20px 0;}
.pro-img_con_title{ width:100%; height:50px; text-align:center;}


/*huastyle*/
.pro-clss ul{ width: 95%; height: auto; overflow: hidden; margin: auto;}
.hua_style_pro_type{ width: 100%; height: auto; overflow: hidden;}
.hua_style_pro_type ul{ width: 95%; height: auto; overflow: hidden;}
.hua_style_pro_type li{ width: 100%; height: 160px; margin:0px auto 10px auto; padding:0%; /*background-color: #1a1a1a;*/ border-radius: 0.5rem; cursor:pointer;}
.hua_style_pro_type div:nth-child(1){ width: 100%; height: 160px; overflow: hidden;}
.hua_style_pro_type div:nth-child(1) img{ opacity: 1;}
.hua_style_pro_type div:nth-child(2){ height: 160px; position: relative; margin-top: -160px; line-height: 160px; overflow: hidden; padding-left: 20px; padding-right: 20px; text-align:center;}
.hua_style_pro_type div:nth-child(2) h3 { margin-bottom: 0.14rem; margin-top: 0.19rem; font-size:1.25em;}
.hua_style_pro_type div:nth-child(2) h3 a{ color:#fff; font-weight:500; text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px;}
.hua_style_ddd { width: 100%; height: auto; overflow: hidden; background-color: fff; margin:0px 0px 10px 0px;}
.hua_style_ddd ul{ width: 100%; height: auto; overflow: hidden; }
.hua_style_ddd li{ width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 5rem; font-weight: 800; margin: 0.2rem 0; color:#e8e8e8;}

/*.hua_style_pro_type li:nth-child(1) li{  float: left; width: 100%; height: auto;}
.hua_style_pro_type .txt { }
.hua_style_pro_type .txt h3 { margin-bottom: 0.14rem; margin-top: 0.19rem; font-size:1.25em;}
.hua_style_pro_type .txt h3 a{ color:#fff; font-weight:500;}
.hua_style_pro_type .txt p { font-size: 12px; color: #666;}
.hua_style_pro_type .u-img{ float: left; width: 100%; height: 180px;  cursor:pointer;}
.hua_style_pro_type .u-img img{ opacity: 0.4;}
.hua_style_pro_type .txt h3{ margin-bottom: 10px;}*/

.idx-about-con{ padding: 0 15px; height:auto; overflow: hidden; margin-bottom: 20px; position:relative; margin-top:-135px;}
.idx-about-con ul{ width:98%; height:auto; overflow:hidden; margin:20px auto; padding:6% 5% 4% 5%; background-color:#fff; border-radius:8px;-moz-border-radius:8px;}
.idx-about-con li:nth-child(1){ width:100%; font-size: 2em;}
.idx-about-con li:nth-child(2){ width:100%; font-size: 1em; margin:15px 0;}
.idx-about-con li:nth-child(3){ width:40%; font-size: 1.1em; line-height:2em; text-align: center; background-color:#c82226; border-radius:8px;-moz-border-radius:8px; color:#fff; margin-top:20px; float:right;}
.idx-about-con img{ max-width: 100%; }
.idx-about-con p{ margin: 0; }
.idx-about-img{ padding-top:300px; background-position: center center; background-image: url(../images/icompany.jpg?id=20191116); background-repeat: no-repeat; background-size:auto 100%;}
.idx-about-img img{ max-height: 300px; }

.hua_style_gg{ width:100%; height:auto; overflow:hidden; background-color:#FFF; padding-top:30px; padding-bottom:30px;}
.hua_style_gg li{ text-align:center;}
.hua_style_gg li:nth-child(1){ font-size:20px; line-height:20px; font-weight:bolder; background: linear-gradient(to right, #530000 -5%, #e60012 50%); -webkit-background-clip: text; color: transparent;}
.hua_style_gg li:nth-child(2){ font-size:13px; line-height:20px; color:#999; margin-top:-5px; padding:0 30px;}
/*新闻*/
.tabBox .hd{ height:50px; line-height:50px; padding:0 0px; font-size:18px; background:#1a1a1a; /*border-bottom:1px solid #c9995f;*/ position:relative;}
.tabBox .hd ul{ position:absolute; width:100%; height:50px; top:0px; overflow:hidden;}
.tabBox .hd ul li{ float:left; width:50%; padding:0 0px; color:#fff; line-height:50px; text-align:center;}
.tabBox .hd ul .on{ /*border:1px solid #c9995f; border-bottom-color:#fff;*/ background:#c82226; color:#fff;}
.tabBox .hd ul .on a{ display:block; color:#fff; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */}
.tabBox .bd ul{ padding:10px 10px 10px 10px;}
.tabBox .bd li{ /*height:40px; line-height:40px;*/ height: 180px; /*border-width:0px 0px 1px 0px; border-style: dashed; border-color:rgba(240, 240, 240, 1);*/overflow: hidden; margin-bottom: 15px;padding-bottom: 15px;}
.tabBox a,.tabBox a:hover{ color:#fff;}
.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮
/*banner*/
.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;}
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(50,50,50,1);}
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}
.focus .hd ul .on{ background:#c82226;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%;  height:auto;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}

.con{overflow: hidden;margin-top: 15px;padding-top: 20px;border-top: 1px solid #efefef;margin-bottom: 15px;}
.con h3{text-align: center;margin-bottom: 15px;}
.pro-rec{width: 50%;float: left;padding: 10px 5px;}
.pro-rec li:first-child{padding: 5px;border: 1px solid #eee;}
.pro-rec li:last-child{text-align: center;/*background-color: #c9995f;*/ color: #000;}
.pro-rec img{max-width: 100%;}


.bd-img{width: 50%;float: left;height: 100%; overflow:hidden;}
.bd-img img{width:100%; height: 100%; object-fit: cover;}
.bd-title{width: 50%;float: right; height: 100%;padding: 5px 10px;margin-bottom: 15px;}
.bd-title div:first-child{overflow:hidden;/*text-overflow:ellipsis; white-space:nowrap;*/ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; font-weight:400; font-size: 18px; color:#1a1a1a; margin-bottom:10px;}
.bd-title div:last-child{color: #999; font-size: 14px;}

.f-cb li:nth-child(2) div{ }
